<!DOCTYPE html>
<html>
<head>
    <title th:text="${application.wgName}">WGClOUD监控系统</title>
  <div  th:replace="common/header.html"></div>



</head>
<body class="hold-transition sidebar-mini layout-fixed">
<div th:replace="common/chart.html"></div>

<div class="wrapper">

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper" style="margin-left: 10px;font-size:0.92rem">
    <!-- Content Header (Page header) -->
    <section class="content-header" >
      <div class="container-fluid">
        <div class="row mb-2">

            <div class="col-sm-6">
                <a href="###"  target="_blank">
                    <img th:src="${application.logoUrl}" style="height:25px;width:25px;opacity: .8" class="brand-image img-circle elevation-3">&nbsp;<span th:text="${application.wgName}">CLOUDTI</span>
                </a>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item "><a href="/wgcloud/dash/main?dashView=1">监控概要</a></li>
                    <li class="breadcrumb-item "><a href="/wgcloud/systemInfo/systemInfoList?dashView=1">主机列表</a></li>
                    <!--<li class="breadcrumb-item active"><a  target="_blank" href="https://###/elasticsearch-head/index.html">ES监控工具</a></li>-->
                </ol>
            </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <div class="row">

  <div class="col-md-12">
    <div class="card card-primary">
      <div class="card-header">
        <h3 class="card-title"><span th:text="${systemInfo.hostname}"></span>
            <th:block th:if="${systemInfo.remark ne '' && systemInfo.remark ne null}">
                （备注：<span th:text="${systemInfo.remark}"></span>）
            </th:block>
            </h3>
          <div class=" float-sm-right">
              <a href="javascript:history.back()">返回</a>
          </div>
      </div>
      <!-- /.card-header -->
      <!-- form start -->
      <form role="form">
        <div class="card-body">
          <div class="form-group">
            <label>系统信息</label>
              <div><strong>主机名：</strong><span th:text="${systemInfo.hostnameExt}"></span>，<strong>系统描述：</strong><span th:text="${systemInfo.platForm}"></span>，<strong>版本：</strong><span th:text="${systemInfo.platformVersion}"></span>，<strong>cpu核数：</strong><span th:text="${systemInfo.cpuCoreNum}"></span>
                  ，<strong>cpu型号：</strong><span th:text="${systemInfo.cpuXh}"></span> ，<strong>运行进程数量：</strong><span th:text="${systemInfo.procs}"></span>，<strong>总内存：</strong><span th:text="${systemInfo.totalMem}"></span>
                  ，<strong>启动时间：</strong><span th:text="${systemInfo.bootTimeStr}"></span>，<strong>运行时间：</strong><span th:text="${systemInfo.uptimeStr}"></span>，<strong>备注：</strong><span th:text="${systemInfo.remark}"></span>
                  ，<strong>累计接收流量：</strong><span th:text="${systemInfo.bytesRecv}+'G'"></span>，<strong>累计发送流量：</strong><span th:text="${systemInfo.bytesSent}+'G'"></span>
                  ，<strong>agent版本：</strong><span th:text="${systemInfo.agentVer}"></span>，<strong>agent上报时间(秒)：</strong><span th:text="${systemInfo.submitSeconds}"></span></div>
          </div>
        </div>
        <!-- /.card-body -->
      </form>
      <!-- /.card-body -->

        <div th:replace="common/cpuTemperatures.html"></div>


        <label style="margin-left: .9rem">磁盘空间信息</label>
        <div class="row">
            <div class="col-12 table-responsive">
                <div th:replace="common/desk.html"></div>
            </div>
            <!-- /.col -->
        </div>

        <label style="margin-left: .9rem">磁盘IO信息</label>
        <div class="row">
            <div class="col-12 table-responsive">
                <div th:replace="common/deskio.html"></div>
            </div>
            <!-- /.col -->
        </div>

        <div th:if="${not #lists.isEmpty(diskSmartList)}">
            <label style="margin-left: .9rem">磁盘SMART信息</label>
            <div class="row">
                <div class="col-12 table-responsive">
                    <div th:replace="common/disksmart.html"></div>
                </div>
                <!-- /.col -->
            </div>
        </div>

    </div>
    <!-- /.card -->


  </div>

        </div>
      </div>
    </section>
  </div>


  <div th:replace="common/footerDashView.html"></div>

</div>
<!-- ./wrapper -->

<script th:src="@{'/static/js/host.js'}"></script>


</body>
</html>
